import React from 'react';
import PropTypes from 'prop-types';
import {Field} from 'redux-form';

import {Accordion, Col, Headline, Row, TextField,} from '@folio/stripes/components';

class EditBookInStorageExtInfo extends React.Component {
  static propTypes = {
    accordionId: PropTypes.string.isRequired,
    expanded: PropTypes.bool,
    initialValues: PropTypes.object,
    intl: PropTypes.object.isRequired,
    onToggle: PropTypes.func,
  };

  render() {
    const {
      initialValues,
      expanded,
      onToggle,
      accordionId,
      intl,
    } = this.props;

    return (
      <Accordion
        label={<Headline size="large" tag="h3">馆藏入库分类册数</Headline>}
        open={expanded}
        id={accordionId}
        onToggle={onToggle}
      >
        <Row>
          <Col xs={12} md={2}>
            <Field
              label="A类册数"
              name="aTotality"
              id="add_aTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="B类册数"
              name="bTotality"
              id="add_bTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="C类册数"
              name="cTotality"
              id="add_cTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="D类册数"
              name="dTotality"
              id="add_dTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="E类册数"
              name="eTotality"
              id="add_eTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="F类册数"
              name="fTotality"
              id="add_fTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
        </Row>
        <Row>
          <Col xs={12} md={2}>
            <Field
              label="G类册数"
              name="gTotality"
              id="add_gTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="H类册数"
              name="hTotality"
              id="add_hTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="I类册数"
              name="iTotality"
              id="add_iTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="J类册数"
              name="jTotality"
              id="add_jTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="K类册数"
              name="kTotality"
              id="add_kTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="N类册数"
              name="nTotality"
              id="add_nTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
        </Row>
        <Row>
          <Col xs={12} md={2}>
            <Field
              label="O类册数"
              name="oTotality"
              id="add_oTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="P类册数"
              name="pTotality"
              id="add_pTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="Q类册数"
              name="qTotality"
              id="add_qTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="R类册数"
              name="rTotality"
              id="add_rTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="S类册数"
              name="sTotality"
              id="add_sTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="T类册数"
              name="tTotality"
              id="add_tTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
        </Row>
        <Row>
          <Col xs={12} md={2}>
            <Field
              label="U类册数"
              name="uTotality"
              id="add_uTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="V类册数"
              name="vTotality"
              id="add_vTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="X类册数"
              name="xTotality"
              id="add_xTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
          <Col xs={12} md={2}>
            <Field
              label="Z类册数"
              name="zTotality"
              id="add_zTotality"
              component={TextField}
              type="number"
              fullWidth
            />
          </Col>
        </Row>
      </Accordion>
    );
  }
}

export default (EditBookInStorageExtInfo);
